<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=720">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
		<meta name="" content=""/>
		<title>Document</title>
		<link rel="stylesheet" href="css/perfect_information.css">
		<link rel="stylesheet" href="css/layout.min.css">
		<script src="js/mobile-util.js"></script>
	</head>
<style type="text/css">

html{ background:#fff; width:100%; height:100%;}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}

body{font-family: "微软雅黑"; font-size:12px; color:#000000; background:#fff;width:100%; height:100%;}

button,input,select,textarea{ font:12px/1.5  Arial, "宋体", Helvetica,  Verdana, sans-serif; word-wrap:break-word; color:#565756;}

ul,li{ list-style:none; margin:0; padding:0;}

h1, h2, h3, h4, h5, h6{font-weight:normal; font-size:100%;} 

img{ border:none; border:0; vertical-align:middle;}

a{ text-decoration:none; outline:none;}

p{ margin:0; padding:0;}

input,select,textarea{vertical-align:middle; *font-size:100%;}

input{ margin:0;outline:none; padding:0;}

input::-ms-clear{display:none;}

.clearfix:after{

     content:".";        

     display:block;        

     height:0;        

     clear:both;        

     visibility:hidden;        



}

.clearfix{*zoom:1}



/* m_zlxg */

.m_zlxg{ width:93px; height:30px; line-height:30px;cursor:pointer;float:left;margin:0 10px 0 0;display:inline;background:url(images/zlxg2.jpg) no-repeat;}

.m_zlxg p{ width:71px; padding-left:10px; overflow:hidden; line-height:30px; color:#333333; font-size:12px; font-family:"微软雅黑";text-overflow:ellipsis; white-space:nowrap;}

.m_zlxg2{ position:absolute; top:29px; border:1px solid #ded3c1;background:#fff; width:91px; display:none; max-height:224px;-height:224px; overflow-x:hidden; overflow-y:auto;white-space:nowrap;}

.m_zlxg2 li{line-height:28px;white-space:nowrap; padding-left:10px;font-family:"微软雅黑";color:#333333; font-size:12px;}

.m_zlxg2 li:hover{ color:#7a5a21;}


.layui-layer-hui .layui-layer-content{
	padding: 20px 25px !important;
	text-align: center;
	font-size: 26px !important;
}

</style>
	<body>

		<!-- 完善信息 -->
		<div class="warp">
			<img id="back" src="images/sys_back.png" alt="">
			<h2>完善信息</h2>
			<span></span>
		</div>
		<!-- 上传头像 -->
		<!--<div class="head_portrait">-->
			<!--<div class="head_text">头像：</div>-->
			<!--<div class="head_upload">-->
				<!--<img src="images/cont_icon_1.png" alt="">-->
			<!--</div>-->
		<!--</div>-->
		<form action="" id="information">
		<!-- sessionId -->
		<input type="hidden" id="sessionid" name="sessionid">
		<!-- 头像 -->
		<input type="hidden" id="headImgUrl" name="headImgUrl" value="images/cont_icon_1.png">

			<!-- 姓名 -->
			<div class='full_name'>
				<p>姓名：</p>
				<input class='full_name_input' value='' name='realName' />
			</div>
			<!-- 手机 -->
			<div class='mobile_phone'>
				<p>手机：</p>
				<input class='mobile_phone_input' value='' name='phone' placeholder='(自动填入注册时的手机号)' />
			</div>
			<!-- 邮箱 -->
			<div class='mailbox'>
				<p>邮箱：</p>
				<input class='mailbox_input' value='' name='email' />
			</div>
			<!-- 身份证号 -->
			<div class='id_number'>
				<p>身份证号：</p>
				<input class='id_number_input' value='' name='idCard' />
			</div>
			<!-- 地区 -->
			<div class='region'>
				<!-- <div class="iphone">
					<div class="browser">

						<section class="express-area">
							<a id="expressArea" href="javascript:void(0)">
								<dl>
									<dt>选择地区：</dt>
									<dd>省 > 市 > 区/县</dd>
								</dl>
							</a>
						</section>

						<section id="areaLayer" class="express-area-box">
							<header>
								<h3>选择地区</h3>
								<a id="backUp" class="back" href="javascript:void(0)" title="返回"></a>
								<a id="closeArea" class="close" href="javascript:void(0)" title="关闭"></a>
							</header>
							<article id="areaBox">
								<ul id="areaList" class="area-list"></ul>
							</article>
						</section>

						<div id="areaMask" class="mask"></div>

					</div>
				</div> -->


				省：<select id="cmbProvince" name="province"></select><br><br>
				市：<select id="cmbCity" name="city"></select><br><br>
				区：<select id="cmbArea" name="countrySeat"></select><br><br>

			</div>
			<!-- 所在单位 -->
			<div class='company'>
				<p>所在单位：</p>
				<input class='company_input' value='' name='companyName' />
			</div>
			<!-- 所处职位 -->
			<div class='place_post'>
				<p>所处职位：</p>
				<input class='place_post_input' value='' name='duty' />
			</div>
			<!-- 政治级别 -->
			<div class='political'>
				<p>政治级别：</p>
				<div class='select_box'>
					<div>
					<select class="sel" name="memberId" id="sel">
						<option value="1">部门级别</option>
						<option value="2">部级正职</option>
						<option value="3">司级政职</option>
						<option value="4">司级副职</option>
						<option value="5">处级正职</option>
						<option value="6">处级副职</option>
						<option value="7">科级正职</option>
						<option value="8">科级副职</option>
					</select>
					</div>
				</div>
			</div>
			<!-- 单位电话 -->
			<div class='work_telephone'>
				<p>单位电话：</p>
				<input class='work_telephone_input' value='' name='companyPhone' />
			</div>
			<!-- 住址 -->
			<div class='address'>
				<p>住址：</p>
				<input class='address_input' value='' name='address' />
			</div>
		</form>
		<!-- 提交 -->
		<div class='submission' id="submission_btn">
			<button>提交</button>
		</div>
	</body>

</html>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<!-- <script src="js/jquery.scs.min.js"></script> -->
<script src="js/address.js"></script>
<script src="js/perfect_information.js"></script>
<script src="js/jsAddress.js"></script>
<script src="./lib/layer/layer.js"></script>
<script type="text/javascript">

$(function(){


addressInit('cmbProvince', 'cmbCity', 'cmbArea', "北京", '北京', '大兴区');

	// $("#sjld").sjld("#shenfen","#chengshi","#quyu");


});

</script>